@charset "utf-8";
/* -----------gzdlwl前端框架-------------
* http://www.gzdlwl.com/
* Date modified 2017.03.20
* Copyright 2012-2020 广州东联网络科技有限公司 All rights reserved.
*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
@media ( max-width : 767px) {
	html{ overflow-y:auto}
	body,th,td,button,input,select,textarea{ font-size:14px}
}
body{line-height: 24px; position:relative}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle;max-width:100%}
a img,img{-ms-interpolation-mode:bicubic}
.animate{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}	

/*IE a:hover */
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*cl*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
/*h*/
h1,h2,h3,h4,h5,h6{font-weight:500;color:inherit;line-height: 30px;}
h1,h2,h3{padding-top:20px;padding-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px;line-height: 24px;}

small{font-size:85%}
b,strong {font-weight: bold}
em{font-style:italic}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase} 
.capitalize{text-transform:capitalize}
.en{font-family:Arial!important}
.f-12{font-size:12px}.f-13{font-size:13px}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}
.height60{width: 100%;display: block;height: 60px;line-height: 60px;}
.height50{width: 100%;display: block;height: 50px;line-height: 50px;}
.height40{width: 100%;display: block;height: 40px;line-height: 40px;}
.height30{width: 100%;display: block;height: 30px;line-height: 30px;}
.height20{width: 100%;display: block;height: 20px;line-height: 20px;}
.height10{width: 100%;display: block;height: 10px;line-height: 10px;}
/*text*/
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
.left{float:left!important;_display:inline}
.right{float:right!important;_display:inline}
/*overflow*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
/*border*/
.border{border:solid 1px #eee}
.radius{border-radius:5px}
.round{border-radius:50%; overflow:hidden}
.line{font-size:0; line-height:0; border-top: solid 1px #eee; float: none}
/*shadow*/
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}
.bg-fff{ background-color:#fff}
.hidden{display:none;}
.block{display:block;}
.in-block{display:inline-block;}
/*yuan*/
.dots li{width:10px; height:10px;font-size:0px;line-height:0px;border-radius:50%}
/*num*/
.numbox li{width:20px; height:20px; line-height:20px; font-size:13px;font-family:Arial;font-weight:bold; text-indent:inherit}
.numbox li.active{color:#fff}
/*fang*/
.rectangle li{width:40px; height:10px;font-size:0px;line-height:0px}
/*black*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}
/*grey*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

.imghover{overflow:hidden;}
.imghover a, .imghover img{width:100%;display:block;overflow:hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.imghover a:hover img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.img-opacity{opacity:1}
.img-opacity:hover{opacity: 0.9}
/*btn*/
.close{font-size:20px;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.2;filter: alpha(opacity=20)}
.close:hover,.close:focus{color: #000;text-decoration: none;cursor: pointer;opacity: 0.4;filter: alpha(opacity=40)}
button.close{padding:0;cursor:pointer;background:transparent;border: 0;-webkit-appearance: none}
.btn{display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align: middle;-moz-padding-start:npx; -moz-padding-end:npx;border:solid 1px #ddd; background-color:#fff; width:auto;*zoom:1;*overflow:visible;
  -webkit-transition:background-color .1s linear;
    -moz-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
      transition:background-color .1s linear}
a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:active,.btn.active{background-color:#ccc}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset}
.btn-default{color:#fff;background-color:#5a98de; border-color:#5a98de}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color:#fff;background-color:#0a6999;border-color:#0a6999}
.jwlogo {display: none !important;}

/*col*/
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
.container-fluid{ width:100%}
@media ( min-width : 992px) {.container{width: 960px}}
@media ( min-width : 1200px) {.container {width: 1050px}}
@media ( min-width : 1300px) {.container {width: 1200px;}}
@media print{.container{width:auto}}
.row{box-sizing:border-box; margin-left:-15px; margin-right:-15px}

.col-2{width:18%;float:left;padding: 0 1%}
.col-3{width:28%;float:left;padding: 0 1%}
.col-4{width:38%;float:left;padding: 0 1%}
.col-5{width:48%;float:left;padding: 0 1%}
.col-7{width:68%;float:left;padding: 0 1%}
.col-8{width:78%;float:left;padding: 0 1%}
.col-10{width:98%;float:left;padding: 0 1%}
.col-4-2{width:23%;float:left;padding: 0 1%}
.col-5-2{width:18%;float:left;padding: 0 1%}
.col-3-1{width:23%;float:left;padding: 0 1%}
.col-4-1{width:31.3333%;float:left;padding: 0 1%}
.col-8-1{width:64.6666%;float:left;padding: 0 1%}
.col-9-1{width:73%;float:left;padding: 0 1%}
.col-7-1{width:56%;float:left;padding: 0 1%}
.col-5-1{width:40%;float:left;padding: 0 1%}
.col-6-1{width:48%;float:left;padding: 0 1%}
.col-3-2{width:31.3333%;float:left;padding: 0 1%}

@media (max-width:767px){
	#chatnb{display: none;}
	.mobile-section{display: block !important}
	.desktops-section{display: none !important}
	.d-section{display: none !important}
	.col-2{width:100%;float:left;padding: 0}
	.col-3{width:100%;float:left;padding: 0}
	.col-4{width:100%;float:left;padding: 0}
	.col-5{width:100%;float:left;padding: 0}
	.col-7{width:100%;float:left;padding: 0}
	.col-8{width:100%;float:left;padding: 0}
	.col-10{width:100%;float:left;padding: 0}
	.col-4-2{width:48%;float:left;padding: 0 1%}
	.col-5-2{width:48%;float:left;padding: 0 1%}
	.col-4-1{width:100%;float:left;padding: 0}
    .col-8-1{width:100%;float:left;padding: 0}
	.col-7-1{width:100%;float:left;padding: 0}
	.col-5-1{width:100%;float:left;padding: 0}
	.col-3-2{width:48%;float:left;padding: 0 1%}
	.col-6-1{width:100%;float:left;padding: 0}
	.height50{width: 100%;display: block;height: 25px;line-height: 25px;}
	.height40{width: 100%;display: block;height: 20px;line-height: 20px;}
	.height30{width: 100%;display: block;height: 15px;line-height: 15px;}
	.height20{width: 100%;display: block;height: 10px;line-height: 10px;}
}
@media(min-width:768px) and (max-width:991px){
	#chatnb{display: none;}
	.mobile-section{display: block !important}
	.desktops-section{display: none !important}
	.d-section{display: block !important}
	.col-10{width:100%;float:left;padding: 0}
	.col-4-2{width:48%;float:left;padding: 0 1%}
	.col-5-2{width:31.3333%;float:left;padding: 0 1%}
	.col-4-1{width:100%;float:left;padding: 0}
    .col-8-1{width:100%;float:left;padding: 0}
	.col-7-1{width:100%;float:left;padding: 0}
	.col-5-1{width:100%;float:left;padding: 0}
	.col-3-2{width:48%;float:left;padding: 0 1%}
	.col-6-1{width:100%;float:left;padding: 0}
	.height50{width: 100%;display: block;height: 25px;line-height: 25px;}
	.height40{width: 100%;display: block;height: 20px;line-height: 20px;}
	.height30{width: 100%;display: block;height: 15px;line-height: 15px;}
	.height20{width: 100%;display: block;height: 10px;line-height: 10px;}
}
@media(min-width:992px) and (max-width: 1199px){
	.mobile-section{display: block !important}
	.desktops-section{display: none !important}
	.d-section{display: block !important}
	.col-4-2{width:23%;float:left;padding: 0 1%}
	.col-5-2{width:18%;float:left;padding: 0 1%}
	.col-4-1{width:31.3333%;float:left;padding: 0 1%}
    .col-8-1{width:64.6666%;float:left;padding: 0 1%}
	.col-7-1{width:48%;float:left;padding: 0 1%}
	.col-5-1{width:48%;float:left;padding: 0 1%}
	.col-3-2{width:31.3333%;float:left;padding: 0 1%}
	.col-6-1{width:48%;float:left;padding: 0 1%}
	.height50{width: 100%;display: block;height: 40px;line-height: 40px;}
	.height40{width: 100%;display: block;height: 30px;line-height: 30px;}
	.height30{width: 100%;display: block;height: 20px;line-height: 20px;}
	.height20{width: 100%;display: block;height: 15px;line-height: 15px;}
}
@media(min-width:1200px){
	.mobile-section{display: none !important}
	.desktops-section{display:block !important}
	.d-section{display: block !important}	
	.col-6-1{width:48%;float:left;padding: 0 1%}
	.col-4-2{width:23%;float:left;padding: 0 1%}
	.col-5-2{width:18%;float:left;padding: 0 1%}
	.col-4-1{width:31.3333%;float:left;padding: 0 1%}
    .col-8-1{width:64.6666%;float:left;padding: 0 1%}
	.col-7-1{width:56%;float:left;padding: 0 1%}
	.col-5-1{width:40%;float:left;padding: 0 1%}
	.col-3-2{width:31.3333%;float:left;padding: 0 1%}

}